<!DOCTYPE html>
<html>

<head>
    <style>
        /* 移动端样式 */
        @media screen and (max-width: 750px) {
            .vt-login {
                height: calc(100% - 74px);
                --item-width: 320px;
            }
        }

        /* PC端样式 */
        @media screen and (min-width: 750px) {
            .vt-login {
                height: calc(100% - 34px);
                --item-width: 320px;
            }
        }

        .login-container {
            display: flex;
            /* 水平居中 */
            justify-content: center;
            /* 垂直居中 */
            align-items: center;
        }

        .login-container>form {
            width: var(--item-width);
        }

        .login-logo {
            width: var(--item-width);
        }

        .login-container .login-title {
            text-align: center;
            font-size: 22px;
            font-weight: bold;
            color: var(--primary-color);
        }

        .login-other .layui-icon {
            position: relative;
            display: inline-block;
            margin: 0 2px;
            top: 2px;
            font-size: 26px;
        }
    </style>
  <script type="module" crossorigin src="/vita/src/static/js/views\login-CMQUBq-J.js"></script>
  <link rel="modulepreload" crossorigin href="/vita/src/static/js/modulepreload-polyfill-B5Qt9EMX.js">
  <link rel="modulepreload" crossorigin href="/vita/src/static/js/admin-BrXJIz2-.js">
  <script type="module">import.meta.url;import("_").catch(()=>1);(async function*(){})().next();if(location.protocol!="file:"){window.__vite_is_modern_browser=true}</script>
  <script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script>
</head>

<body>
    <div class="vt-login login-container">
        <form class="layui-form">
            <div class="layui-form-item">
                <div class="layui-input-wrap">
                    <div style="text-align: center;">
                        <img class="login-logo" src="/vita/logo.svg" />
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-wrap">
                    <div class="login-title">
                        Vita 后台管理系统
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-wrap">
                    <div class="layui-input-prefix">
                        <i class="layui-icon layui-icon-username"></i>
                    </div>
                    <input type="text" name="username" value="admin" lay-verify="required" placeholder="用户名" autofocus
                        lay-reqtext="请填写用户名" autocomplete="off" class="layui-input" lay-affix="clear">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-wrap">
                    <div class="layui-input-prefix">
                        <i class="layui-icon layui-icon-password"></i>
                    </div>
                    <input type="password" name="password" value="aday.fun" lay-verify="required" placeholder="密&emsp;码"
                        lay-reqtext="请填写密码" autocomplete="off" class="layui-input" lay-affix="eye">
                </div>
            </div>
            <div class="layui-form-item layui-hide">
                <div class="layui-input-wrap">
                    <div class="layui-input-prefix">
                        <i class="layui-icon layui-icon-key"></i>
                    </div>
                    <input type="text" name="totp" placeholder="动态口令" lay-reqtext="请填写动态口令" autocomplete="off"
                        class="layui-input" lay-affix="clear">
                </div>
            </div>
            <div class="layui-form-item layui-hide">
                <div class="layui-row">
                    <div class="layui-col-xs7">
                        <div class="layui-input-wrap">
                            <div class="layui-input-prefix">
                                <i class="layui-icon layui-icon-vercode"></i>
                            </div>
                            <input type="text" name="captcha" value="" placeholder="验证码" lay-reqtext="请填写验证码"
                                autocomplete="off" class="layui-input" lay-affix="clear">
                        </div>
                    </div>
                    <div class="layui-col-xs5">
                        <div style="margin-left: 10px;">
                            <a href="javascript:;"><img id="captchaImg" lay-on="captcha"></a>
                            <a href="javascript:;" style="float: right; margin-top: 7px; margin-right: 7px;"
                                lay-on="captcha">获取验证码</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <input type="checkbox" name="remember" lay-skin="primary" title="记住密码">
                <a href="javascript:;" style="float: right; margin-top: 7px;">忘记密码？</a>
            </div>
            <div class="layui-form-item">
                <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="login-btn">登录</button>
            </div>
            <div class="layui-form-item">
                <label style="float: left; margin-top: 10px; margin-right: 10px;">登录方式：</label>
                <span>
                    <input type="radio" name="loginMethod" value="password" title="密码"
                        lay-filter="radio-login-method-filter" checked>
                    <input type="radio" name="loginMethod" value="totp" title="动态口令" disabled
                        lay-filter="radio-login-method-filter">
                </span>
            </div>
            <div class="layui-form-item login-other">
                <label>社交账号登录</label>
                <span style="padding: 0 21px 0 6px;">
                    <a href="javascript:;"><i class="layui-icon layui-icon-login-qq" style="color: #3492ed;"></i></a>
                    <a href="javascript:;"><i class="layui-icon layui-icon-login-wechat"
                            style="color: #4daf29;"></i></a>
                    <a href="javascript:;"><i class="layui-icon layui-icon-login-weibo" style="color: #cf1900;"></i></a>
                </span>
                <span>或 <a href="#reg">注册帐号</a></span>
            </div>
        </form>
    </div>

    <div class="layui-footer"></div>



  <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
  <script nomodule crossorigin id="vite-legacy-polyfill" src="/vita/src/static/js/polyfills-legacy-DEd43cxX.js"></script>
  <script nomodule crossorigin id="vite-legacy-entry" data-src="/vita/src/static/js/views\login-legacy-3aqIcoXE.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
</body>

</html>